{##																#}
{## Developed for the University of Nottingham G52GRP module 	#}
{##																#}
{## Written by:	Marcus Whybrow (mxw18u) 						#}
{## Group: 		gp09-drm 										#}
{##																#}

{% extends "base/base.html" %}

{% block title %}
Welcome | {{ block.super }}
{% endblock %}

{% block content %}
<div class="section">
	<div class="inner">
		<h1 class="last">Welcome to AutoLib</h1>
	</div>
</div>
<div class="section">
	<div class="inner">
		<div class="clearfix">
			<div class="third alpha">
				<h3>What We Do</h3>
				<p>AutoLib is designed to keep track of books, gathering information from around the web, and displaying it to you simply.</p>
			</div>
			<div class="third">
				<h3>What You Do</h3>
				<p>All you need do, is provide an ISBN and we do the rest. Gathering information from Google the Guardian and even Twitter.</p>
			</div>
			<div class="third omega">
				<h3>How We Do It</h3>
				<p>We do all the tricky behind the scenes stuff for each information source, and provide the tools to access that info from anywhere.</p>
			</div>
		</div>
	</div>
</div>

<div class="section">
	<div class="inner">
		<div class="clearfix">
			<div class="third icon-link clearfix alpha">
				<img src="/media/images/icons/Man-DBrown-icon-128.png" width="128" height="128" />
				<h2>Signup</h2>
				<p>Create an account, its simple, easy and <strong>free</strong>.</p>
				<p class="last"><a href="{% url registration.views.register %}">Sign Up</a></p>
			</div>
			<div class="third icon-link clearfix">
				<img src="/media/images/icons/Man-Grey-icon-128.png" width="128" height="128" />
				<h2>Add</h2>
				<p>Check out the apps:</p>
				<ul>
					<li><a href="{% url apps_android %}">Android App</a></li>
					<li><a href="{% url apps_java %}">Desktop App</a></li>
				</ul>
			</div>
			<div class="third icon-link clearfix omega">
				<img src="/media/images/icons/Man-Brown-icon-128.png" width="128" height="128" />
				<h2>Organise</h2>
				<p>Create libraries and bookshelves, group your books, or don't.</p>
			</div>
		</div>
	</div>
</div>
{% endblock %}